html,
body {
  width: 100%;
  height: 100%;
}

* {
  margin: 0;
  padding: 0;
}

.w {
  width: 1280px;
  margin: 0 auto;
}

.header {
  height: 40px;
  background-color: white;
}

.header .header-search {
  margin-left: 462px;
}

.header ul {
  list-style: none;
}

.header ul li {
  float: left;
  line-height: 40px;
}

.header ul li a {
  text-decoration: none;
  padding: 0px 10px;
  color: #333;
  border-right: 1px dashed #bfbfbf;
}

.header .zhannei-sousuo {
  margin-left: 10px;
  padding-left: 18px;
  border: none;
  width: 232px;
  font-size: 16px;
  border-bottom: 1px solid #676767;
}

.header ul li:nth-last-child(1) {
  position: relative;
}

.header .icon-fangdajing {
  position: absolute;
  color: #676767;
  font-size: 14px;
  left: 14px;
  top: 2px;
}

.logoBox {
  height: 51px;
  margin-top: 6px;
}

.logoBox .logo {
  width: 50px;
  height: 51px;
}

.logoBox ul li {
  float: left;
  line-height: 51px;
  font-weight: bold;
}

.logoBox ul li a {
  color: black;
  padding: 0px 34px;
  border-right: black 1px dashed;
}

.logoBox ul li a:hover {
  color: red;
}

.logoBox .logoRight {
  width: 560px;
  height: 51px;
  background-color: #a1a1a1;
}

.logoBox ol li {
  float: left;
  font-weight: bold;
  text-align: center;
}

.logoBox .dashed {
  height: 20px;
  width: 0px;
  border-right: dashed 1px #333;
}

.logoBox ol li a {
  color: white;
  line-height: 51px;
  padding: 0px 20px;
  background-color: #a1a1a1;
  border-right: dashed 1px white;
}

.logoBox ol li a:hover {
  color: red;
}

.logoBox .gonggao {
  border: none;
}

.logoBox .dianpu {
  border: none;
  display: block;
  height: 51px;
  width: 68px;
  background-color: #666666;
}

.newEnroll {
  width: 1272px;
  height: 60px;
  line-height: 60px;
  font-size: 32px;
  margin-top: 28px;
  margin-bottom: 24px;
  padding-left: 8px;
  background-color: #f4f4f4;
}

.center-content {
  height: 632px;
}

.center-content .left {
  width: 638px;
  height: 632px;
  border-right: 1px solid #dadada;
}

.center-content .login-from {
  width: 400px;
  height: 632px;
  margin: auto;
}

.center-content .left-title {
  width: 400px;
  height: 62px;
  text-align: center;
  line-height: 62px;
  color: #378694;
  border-bottom: 4px solid #378694;
  box-sizing: border-box;
}

.center-content .left-smallTitle {
  width: 396px;
  height: 60px;
  padding-left: 4px;
  color: #abacab;
  line-height: 60px;
  border-top: 1px solid #dadada;
  box-sizing: border-box;
}

.center-content .input-area {
  height: 76px;
  line-height: 94px;
  border-bottom: 1px solid #ababab;
}

.center-content .chineseRoad {
  margin-left: 4px;
}

.center-content .inputArea {
  width: 264px;
  height: 32px;
}

.center-content .triangle {
  right: 4px;
  top: 42px;
  border: 10px solid #333;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}

.center-content .phoneNum {
  width: 397px;
  height: 16px;
  line-height: 16px;
  margin-top: 24px;
  margin-left: 4px;
}

.center-content .input-number {
  width: 397px;
  height: 36px;
  padding-left: 4px;
  line-height: 36px;
  margin-top: 4px;
  border-bottom: 1px solid #dadada;
}

.center-content .num {
  height: 20px;
  width: 366px;
}

.center-content .icon-gerenzhongxin-zhong {
  color: #676767;
}

.center-content .input-identifying-code {
  width: 480px;
  height: 36px;
  padding-left: 4px;
  line-height: 36px;
  margin-top: 4px;
}

.center-content .idf-card {
  margin-top: 4px;
  padding-left: 4px;
  height: 30px;
  width: 397px;
  border-bottom: 1px solid #dadada;
}

.center-content .in-idfCard {
  width: 118px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  border-radius: 2px;
  background-color: #dadada;
  color: white;
  font-size: 12px;
  margin-left: 10px;
}

.center-content .user-login {
  width: 400px;
  height: 53px;
  font-size: 18px;
  text-align: center;
  line-height: 53px;
  background-color: #dadada;
  color: white;
  margin-top: 40px;
}

.center-content .third-login {
  width: 400px;
  height: 18px;
  margin-top: 26px;
  line-height: 18px;
  color: #dadada;
}

.center-content .zhanghu-login {
  display: block;
  margin: 0px 5px;
}

.center-content .line {
  display: block;
  height: 0;
  width: 144px;
  margin-top: 8px;
  border: 1px solid #ccc;
}

.center-content .zitiImg {
  margin: 16px auto 0px;
  height: 38px;
  width: 168px;
}

.center-content ul li {
  float: left;
  margin: 0px 4px;
}

.center-content .icon-weixinicon2x {
  font-size: 34px;
  color: #3eb135;
}

.center-content .icon-zhifubao,
.center-content .icon-QQ {
  font-size: 34px;
  color: #1caceb;
}

.center-content .icon-xinlang {
  font-size: 34px;
  color: #df4d69;
}

.center-content .right {
  width: 641px;
  height: 632px;
}

.center-content .right-content {
  width: 400px;
  margin: auto;
}

.center-content .right-userEnroll {
  width: 396px;
  height: 60px;
  line-height: 60px;
  padding-left: 4px;
  font-size: 24px;
}

.center-content .right-newUserEbroll {
  width: 400px;
  height: 54px;
  background-color: black;
  color: white;
  text-align: center;
  line-height: 54px;
}

.footer1 {
  height: 50px;
  background-color: pink;
}

.footer1 .footerLogo {
  width: 50px;
  height: 50px;
}

.footer1 .footerNav {
  width: 1230px;
  height: 50px;
  background-color: #000;
}

.footer1 ul {
  width: 1230px;
  height: 30px;
  padding: 10px 0px;
}

.footer1 ul li {
  width: 306px;
  height: 30px;
  text-align: center;
  border-right: 1px dashed white;
  float: left;
  line-height: 30px;
}

.footer1 ul li a {
  color: white;
}

.footer1 ul li:nth-last-child(1) {
  border: none;
}

.footer1 ul li:hover a {
  color: red;
}

.footer2 {
  height: 280px;
  line-height: 280px;
  color: #989a98;
}
